#state_PreloadState{
  &.failure{
    .loadingImage,
    .loadingStatus{
      display: none;
    }
  }

  .changelogDialogEntry{
    margin-top: 10px;
    width: 100%;
    flex-direction: column;
    text-align: left;
    padding: 10px;
    box-sizing: border-box;
    background: #eef1f4;
    @include S(border-radius, 3px);

    @include DarkThemeOverride{
      background: #33343c;
    }

    .version{
      @include Heading;
    }

    .date{
      @include PlainText;
      &::before{
        content: " | "
      }
      color: #aaabaf;
    }

    .changes{
      @include PlainText;
      @include S(padding-left, 15px);
      strong{
        background: $colorBlueBright;
        font-weight: bold;
        color: white;
        text-transform: uppercase;
        border-radius: 5px;
        @include S(padding, 1px, 4px);
        @include S(margin-right, 3px);
      }
      a{
        color: $colorBlueBright;
      }
      li{
        @include S(margin-bottom, 10px);
      }
    }
  }

  .failureBox{
    .logo{
      img{
        @include S(width, 240px);
      }
      @include S(margin-bottom, 30px);
    }

    .failureInner{
      @include S(max-width, 350px);
      margin: 0 20px;
      text-align: left;

      @include BoxShadow3D(#fff);
      @include S(padding, 15px);
      @include S(border-radius, $globalBorderRadius);
      @include DropShadow;

      .errorHeader {
        color: #ef5072;
      }

      .errorMessage {
        @include PlainText;
        display: block;
        color: #666;
        text-align: left;
        @include BreakText;
        hyphens: auto;
        // border: dotted #666;
        // @include S(border-width, 1px, 0);
        @include S(padding, 10px, 0);
        @include S(margin-top, 10px);
      }

      .supportHelp {
        @include S(margin-top, 10px);
        @include PlainText;

        .email {
          color: $themeColor;
          cursor: pointer;
          pointer-events: all;
        }
      }

      .lower {
        display: flex;
        align-items: center;
        @include S(margin-top, 16px);

        i {
          flex-grow: 1;
          text-align: right;
          color: #777;
          @include PlainText;
        }

        .resetApp {
          background: $colorRedBright;
          @include PlainText;
          @include S(padding, 5px, 8px, 4px);
          color: #fff;
          pointer-events: all;
        }
      }
    }
  }
}